<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<head>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojox/grid/resources/claroGrid.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojox/form/resources/FileInput.css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

<script>
	 var dojoConfig = (function(){
		var base = location.href.split("/");
		base.pop();
		base = base.join("/");
		return {
			async: true,
			isDebug: true,
			packages: [	
	           	{ name: "dojoCustom",	location: base + "./../dojoCustom"}
			 ]
		};
	})();
</script>
		<script
			src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js"
			data-dojo-config="isDebug: true, async: true">
		</script>
		
<script src="/static/js/nexusScript.js"></script>
</head>
<body class="claro">
<div id="radial-center"> 
	<div class="w-header-text-container button-container" >
		<img style="" id="speaker-nexus-logo-image" alt="speaker nexus" src="/static/images/speaker_nexus_bold_logo.png">
		<div>
		<ul>
			<li><a class="link button blue current" link="/public/nexus2Banner.htm"  href="javascript:void(0)"><span>What is Nexus?</span></a></li>
			<li><a class="link button blue" link="/public/n2registration.htm"  href="javascript:void(0)"><span>Sign-up</span></a></li>
			<li><a class="link button blue" link="/public/n2Login.htm"  href="javascript:void(0)"><span>Login</span></a></li>
		</ul>
		</div>
	</div>
	
</div>
<div id="content_wrapper"> 
	
</div>
<div id="footer_wrapper"> 

</div>
<style>
body { 
     padding: 0;
     margin: 0;
     background-color:#ededed;
     background-image:url('/static/images/bckgrd.jpg'); 
      background-repeat: repeat;
    }

img{
	margin:0;
	padding: 0;
}
ul, li{
	list-style: none;
	margin: 0;
	padding:0;
}

li{
	white-space: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

p, li, td {
	padding: 8px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing: 1px;
	color: #575757;
	text-align: left;
}

h2 {
	font: 28px Arial, Helvetica, sans-serif;
	color: #595959;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
}

.w-header-text-container ul li{
	position: relative;
	top: 30px;
	left: 70%;
}

.button-container{
	margin-top: 30px;
	margin-left: 30px;
}

.button-container ul li{
	float: left;
	padding-left: 3px;
	font-family: "Droid Sans","Lucida Grande","Trebuchet MS","Gill Sans",Arial,sans-serif;
}


.button-container ul li a{
	float: left;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	padding: 0 4px 0 0;
	margin-top: 5px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: #444 1px 1px 0;
	text-decoration: none;
}

.button-container ul li a span{
	height: 34px;
	padding: 0 4px 0 8px;
}

.w-header-text-container ul li a span{
	float: right;
}


.w-header-text-container{
	margin: 0 auto;
	width: 924px;
	height: 100%;
	position: relative;
	z-index: 7000;
	line-height: 100%;
}

.w-header-text-container img{
	position: absolute; top: 30px; width: 300px;
}

#content_wrapper{
	height: 500px;
	width: 1024px;
	margin: 50px auto 0 auto;
	border-bottom: 3px solid #ccc;
}

#footer_wrapper{
	height: 300px;
	background-color: #e8e8e8;
}


#radial-center {
	height: 80px;
	background-color: #528B8B;
	background-image: url(images/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#C0D9D9), to(#528B8B));
	background: -webkit-radial-gradient(circle, #C0D9D9, #528B8B);
	background: -moz-radial-gradient(circle, #C0D9D9, #528B8B);
	background: -ms-radial-gradient(circle, #C0D9D9, #528B8B);
	-moz-box-shadow: 0 10px 10px 2px #888;
	-webkit-box-shadow: 0 10px 10px 2px #888;
	box-shadow: 0 10px 10px 2px #888;
}


.button:visited 
{
	color: #fff; 
	text-decoration: none;
	border-radius: 6px;  
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-right: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family:Calibri, Arial;
	margin-left:4px;
	font-size: 16px; 
	padding: 1px 8px 3px 8px; 
}
 
.button:active
{
	top: 1px;
	left:1px; 
}


.blue.button:visited, .blue.button:active
{
	background-color:#1Bb2cE;
	box-shadow: inset 0px 1px 5px 0 rgba(255,255,255,0.6), 
	 inset -1px -1px 3px 0 rgba(66,66,128,0.6),
	 1px 2px 4px 0 rgba(0,0,0,0.6);;
}
.blue.button:hover
{
	background-color:#0Ba2bE;
	text-shadow: 1px 1px 6px #fff;
}

.blue.button.current {
	background-color:#0Ba2bE;
}

#banner_container{
	width: 600px;
	height: 400px;
	margin-top: 30px;
	border: 5px outset #0Ba2bE;
}

.banner_text{
	line-height:40px; margin-bottom: 10px;  font-size: 25px; text-align: center; 
}

.banner_font{
	color: #575757;
	font-family: 'Bradley Hand ITC', Dauphin, 'Edwardian Script ITC', 'Script MT Bold', 'Viner Hand ITC';
}

.sub_message{
	font-size: 10px;
	display: inline-block;
}

.ui-action-tag {
	font-weight: bold;
	text-align: center;
	border: 0 none;
	background: 0;
	display: inline-block;
	padding: 0;
	margin: 0;
	overflow: visible;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}
	.ui-action, .ui-action-content {
	border-radius: 5px;
	display: inline-block;
	}
	
	.action-primary .ui-action-content, .action-primary.disabled:hover .ui-action-content, .action-primary.disabled:active .ui-action-content, .action-primary[disabled]:hover .ui-action-content, .action-primary[disabled]:active .ui-action-content {
	border-color: #026B00;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),inset 0 -1px 1px rgba(255, 255, 255, .3);
	background: -moz-linear-gradient(top,#00C009 0,#057A01 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00C009),color-stop(100%,#057A01));
	background: -webkit-linear-gradient(top,#00C009 0,#057A01 100%);
	background: -o-linear-gradient(top,#00C009 0,#057A01 100%);
	background: -ms-linear-gradient(top,#00C009 0,#057A01 100%);
	background: linear-gradient(top,#00C009 0,#057A01 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c009',endColorstr='#057A01',GradientType=0);
	}
	
	.ui-action-content {
	overflow: visible;
	line-height: 1.25;
	padding: 7px 20px .45em;
	border: 1px solid;
	}
	
	.action-primary:hover .ui-action-content, .action-primary:focus .ui-action-content{
		color: white;
		background:-moz-linear-gradient(top,#00c109 0,#039904 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00c109),color-stop(100%,#039904));
		background:-webkit-linear-gradient(top,#00c109 0,#039904 100%);
		background:-o-linear-gradient(top,#00c109 0,#039904 100%);
		background:-ms-linear-gradient(top,#00c109 0,#039904 100%);
		background:linear-gradient(top,#00c109 0,#039904 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C109',endColorstr='#039904',GradientType=0)
	}
	.action-primary {
		color: white;
		text-shadow: 1px 1px 2px #057400;
	}

</style>
</body>